﻿<html>
<head>
<title>border-style</title>
<style type="tex/css">
div{
       border-width:6px;
       border-color:#000000;
       margin:20px;
       background-color:#FFFFCC;
}
</style>
</head>
<body>
  <div style="border-style:dashed">虚线边框</div>
  <div style="border-style:dotted">点线边框</div>
  <div style="border-style:double">双线边框</div>
  <div style="border-style:groove">凹槽边框</div>
  <div style="border-style:inset">凹边边框</div>
  <div style="border-style:outset">凸边边框</div>
  <div style="border-style:ridge">菱形边框</div>
  <div style="border-style:solid">实线边框</div>
</body>
</html>